import { BrowserRouter, Routes, Route } from "react-router-dom";
import Home from "./screens/home/Home.jsx";
import IngredientDetail from './screens/hp/ingredients-detail/ingredient-detail.jsx';

const Router = () => {
  return (
  <BrowserRouter>
    <Routes>
      <Route element={<Home />} path='/' />
      <Route element={<IngredientDetail />} path='/Ingredients/:id' />

      <Route path='*' element={<div>Not found</div>} />
    </Routes>
  </BrowserRouter>
  );
}

export default Router;